import React from "react";
import {Group, Stack} from "@mantine/core";
import {IpdTableProvider} from "./context";
import {Table} from "./Table";
import {Filter} from "./Filter";
import {ButtonFilter} from "./ButtonFilter";
import {ButtonAdd} from "./ButtonAdd";
import {Label} from "./Label";
import {ButtonExport} from "./ButtonExport";

export function IpdTable() {
  return (
    <IpdTableProvider>
      <Stack>
        <Group justify="space-between">
          <Label />
          <Group>
            <ButtonFilter />
            <ButtonExport />
            <ButtonAdd />
          </Group>
        </Group>
        <Filter />
        <Table />
      </Stack>
    </IpdTableProvider>
  );
}
